<template>
  <!--系统管理--区域管理-->
  <div class="content-area-404">
    <!-- 位置模块 -->
    <HeadTop></HeadTop>
    <div class="content-area-404-content">
      <div style="width: 130px">
        <img src="/static/img/404/404.png" alt="">
      </div>
      <p class="text-404"> 404-没有找到相关页面</p>
      <div class="button-404" @click="back">返回上一页</div>
      <div style="width: 200px">
        <img src="/static/img/404/404_bg.png" alt="">
      </div>
    </div>
    <!--<div class="content-area-404-content">Status 404 - 没有找到相关页面 : (</div>-->
  </div>
</template>
<script>

  import HeadTop from "../components/head-top/head-top"

  export default {
    name: 'statuLost',
    components: {
      HeadTop
    },
    methods: {
      back() {
        this.$router.go(-1);
      }
    }
  }
</script>

<style lang="scss" scoped type="text/scss">
  @import "../style/entry/404";
</style>
